<template>
	<view>
		<view class="navbar">
			<uni-nav-bar left-icon="back" backgroundColor="#C52B2E" color="#FFFFFF" title="消息" @clickLeft = "back">
			</uni-nav-bar>
		</view>
		<view class="" style="padding-top: 116rpx;">
			<view class="serach">
				<image src="../../../static/PersonalCenter/sousuo.png" mode="" class="sousuo"></image>
			</view>
			
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border"></view>
				</view>
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border"></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
			<view class="content">
				<image src="../../../static/PersonalCenter/qifu.png" mode="" class="qifu"></image>
				<view class="news">
					<view class="shijian">
						<view class="" style="color: #333333; font-weight: 600;">祈福新闻</view>
						<view class="" style="color: #676666;"> 8:26</view>
					</view>
					<view class="zhiying">新手指引~这是一段文字新手指引~</view>
					<view class="border" ></view>
				</view>
				
			</view>
		</view>
		
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			back(){
				uni.switchTab({
					url:'../user'
				})
			},
		}
	}
</script>

<style lang="scss">
	.serach {
		width: 698rpx;
		height: 69rpx;
		background-color: #EEE7E7;
		border-radius: 50rpx;
		margin: 0 0 0 20rpx;
		.sousuo {
			width: 49rpx;
			height: 43rpx;
			padding-top: 17rpx;
			padding-left: 23rpx;
		}
		.paizhao {
			margin-left: 33rpx;
			
		}
	}
	.content {
		padding-top: 40rpx;
		padding-left: 26rpx;
		display: flex;
		.qifu {
			width: 92rpx;
			height: 92rpx;
		}
		.news {
			width: 550rpx;
			display: flex;
			flex-wrap: wrap;
			padding-left: 40rpx;
			// justify-content: space-between;
			.shijian {
				width: 600rpx;
				display: flex;
			    justify-content: space-between;
			}
			.zhiying {
				padding-top: 18rpx;
				color: #676666;
				font-size: 25rpx;
			}
			.border {
				width: 556rpx;
				border-bottom: 1px dashed #707070;
				padding-top: 20rpx;
			}
		}
	}
	

</style>
